﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-calendar"></i>&nbsp;&nbsp;Periodo</h3>
    </div>
    <div class="panel-body">


        <div class="row bs-wizard" style="border-bottom: 0;">

            <div class="col-xs-6 bs-wizard-step active">
                <div class="text-center bs-wizard-stepnum">Paso 1</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Informacion del Periodo.</div>
            </div>

            <div class="col-xs-6 bs-wizard-step disabled">
                <!-- complete -->
                <div class="text-center bs-wizard-stepnum">Paso 2</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Registro de Parciales.</div>
            </div>
        </div>


        <form class="form-horizontal" role="form">


            <input type="hidden" name="id" id="id" value="{{Id}}" />
            <div class="form-group" id="nombreGroup">
                <label for="inputNombre" class="col-sm-2 control-label">Nombre</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputNombre" placeholder="Nombre" value="{{Nombre}}">
                </div>
            </div>
            <div class="form-group" id="descripcionGroup">
                <label for="inputDescripcion" class="col-sm-2 control-label">Descripcion</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputDescripcion" placeholder="Descripcion" value="{{Descripcion}}">
                </div>
            </div>
            <div class="form-group" id="fechas">
                <label for="inputFechaInicio" class="col-sm-2 control-label">Fecha de Inicio</label>
                <div class="col-sm-2">
                    <input type="date" class="form-control" id="inputFechaInicio" value="{{FechaInicio}}">
                </div>
                <label for="inputFechaFin" class="col-sm-1 control-label">Fecha de Fin</label>
                <div class="col-sm-2">
                    <input type="date" class="form-control" id="inputFechaFin" value="{{FechaFin}}">
                </div>
                <label for="estado" class="col-sm-1 control-label">Estado</label>
                <div class="col-sm-3">
                    <select name="estado" id="estado" class="form-control">
                        <option value="Activo">Activo</option>
                        <option value="Inactivo">Inactivo</option>
                    </select>
                </div>
            </div>
            <br />
            <div class="form-group">
                <div class="container-fluid">
                    <!--<div class="col-sm-offset-4 col-sm-1">
                        <a id="guardar" class="btn btn-primary guardar" href="#" style="text-align: right"><i class="icon-save"></i>Guardar</a>
                    </div>-->
                    <div class=" col-sm-offset-5 col-sm-1">
                        <a id="cancelar" class="btn btn-primary" href="/periodos" style="text-align: left"><i class="fa fa-cross"></i>Cancelar</a>
                    </div>
                    <div class="col-sm-1" id="BtnGuardar">
                        <a id="guardar" class="btn btn-primary guardar" href="#">Guardar Período&nbsp;&nbsp;<i class="fa fa-angle-right"></i></a>
                    </div>
                </div>
            </div>
        </form>
        <a id="navigateParcial" href="#" style="visibility: hidden" />
    </div>
</div>
